<template>
  <div class="HomeSponsor">
    <img src="https://static.360buyimg.com/finance/crowdfunding/index/3.0.0/css/i/star-door-bg.jpg"
         alt="">
    <div class="content">
      立刻发起众筹梦想，讲你的独特创意分享给更多的人 <span class="HomeSponsor-btn" @click="goSponsor"><i class="iconfont icon-jiahao"></i>发起众筹</span>
    </div>

  </div>
</template>

<script>
export default {
  methods:{
    goSponsor(){
      this.$router.push('/front/sponsor')
      // this.$emit('childChange',{
      //   title:'aaa'
      // })
    }
  },
  // props:{
  //   title:{
  //     type:String,
  //     default:'发起众筹'
  //   }
  // }

}
</script>

<style scoped>
  .HomeSponsor{
    height: 100px;
    position: relative;
    margin-bottom:30px ;
  }
  .HomeSponsor>img {
    height: 100%;
    width:  100%;
  }
  .HomeSponsor .content{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    color: #fff;
    font-size: 22px;
    font-weight: 500;
  }
  .HomeSponsor-btn{
    background-color: #2fd6a2;
    padding: 12px 20px;
    border-radius: 3px;
    cursor: pointer;
  }
  .HomeSponsor-btn i{
    font-size: 22px;
    font-weight: 600;
  }

</style>